<html layout:decorator="public/layout" xmlns:layout="http://www.w3.org/1999/html">
<div layout:fragment="content">

    <!-- 表格工具栏 -->
    <form class="layui-form toolbar">
        <div class="layui-form-item">
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" id="keywords" name="keywords" placeholder="请输入人员姓名/手机号" autocomplete="off" class="layui-input">
                </div>
            </div>
            <!-- 性别下拉单选 -->
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <!-- 下拉单选 -->
                    <select id="gender" name="gender" lay-filter="select-gender">
                        <option value="">请选择</option>
                        <option th:value="${item.key}" th:each="item: ${USER_GENDER_LIST}" th:text="${item.value}"></option>
                    </select>
<!--                    <widget:singleSelect name="gender|0|性别|name|id" th:data="${USER_GENDER_LIST}" value="0"/>-->
                </div>
            </div>
            <!-- 状态下拉单选 -->
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <!-- 下拉单选 -->
                    <select id="status" name="status" lay-filter="select-status">
                        <option value="">请选择</option>
                        <option th:value="${item.key}" th:each="item: ${USER_STATUS_LIST}" th:text="${item.value}"></option>
                    </select>
<!--                    <widget:singleSelect name="status|0|状态|name|id" th:data="${USER_STATUS_LIST}" value="0"/>-->
                </div>
            </div>
            <div class="layui-inline">
                <div class="layui-input-inline" style="width: auto;">
                        <button lay-submit lay-filter="searchForm" id="search" type="button" class="btnOption layui-btn layui-btn-normal">
                            <i class="layui-icon layui-icon-search"></i>
                            查询
                        </button>
                        <button lay-event="add" id="add" type="button" class="btnOption layui-btn layui-btn-warm"><i class="layui-icon layui-icon-addition"></i>添加系统人员</button>
                        <button id="batchDrop" type="button" class="btnOption layui-btn layui-btn-danger" lay-event="batchDrop">
                            <i class="layui-icon layui-icon-delete"></i>批量删除
                        </button>
                </div>
            </div>
        </div>
    </form>

    <!-- 数据表格 -->
    <table class="layui-hide" id="tableList" lay-filter="tableList"></table>

    <!-- 表格操作列 -->
    <script type="text/html" id="toolBar">
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>

    <!-- 状态 -->
    <script type="text/html" id="statusTpl">
        <input type="checkbox" name="status" value="{{ d.id }}" lay-skin="switch" lay-text="正常|禁用" lay-filter="status" {{ d.status == 1 ? 'checked' : '' }} >
    </script>
</div>
</html>